<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<html xmlns="http://www.w3.org/1999/xhtml">
<head>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<link rel="shortcut icon" href="/themes/{{ blog.theme_name }}/images/favicon.ico"/>
    <title>{% block title %} {{ blog.title}}{% endblock %}</title>

    <!-- STYLE SHEETS -->

    <link rel="stylesheet" type="text/css" href="/themes/{{ blog.theme_name }}/style.css" />
    <link media="screen" rel="stylesheet" href="/static/styles/colorbox.css" />
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js"></script>
<script type="text/javascript" src="/static/js/jquery.lazyload.mini.js"></script>
<script type="text/javascript" src="/static/js/jquery.colorbox-min.js">
</script>
    {% block head_block %}
<!-- IE Fixes -->
<!--[if lte IE 7]>
            <link rel="stylesheet" type="text/css" href="css/ie_fix.css" >
        <![endif]-->
<!--[if lt IE 7]>
            <script type="text/javascript" src="/themes/{{ blog.theme_name }}/DD_belatedPNG_0.0.8a-min.js"></script>
            <script type="text/javascript">
                DD_belatedPNG.fix('.logo, .home, ul.social li img');
            </script>
        <![endif]-->
<!-- JAVASCRIPT FILES -->
    {% endblock %}
 <script type="text/javascript" src="/themes/{{ blog.theme_name }}/cufon-yui.js" ></script>
    <script type="text/javascript">
            Cufon.replace('h4');
    </script>
    <script type="text/JavaScript">
$(function() {
    $("img").lazyload({
        placeholder: "/static/images/shadow.gif",
        effect: "fadeIn",
    });
});
$(document).ready(function(){
				$("a[rel='imgurl']").colorbox({transition:"fade"});
                                $("a[rel='linkurl']").colorbox({width:"80%", height:"80%", iframe:true});

			});
</script>
</head><body><div class="header"><div class="wrapper">
    <ul class="page_nav">
      <li> <a  href="{{ blog.baseurl }}" class="current">Home</a> </li>
      {{self.m_list_pages}}
      <li ><a href="{{blog.blogurl}}">Blog</a></li>
      <li ><a href="{{blog.articleurl}}">Doc</a></li>
      <li ><a href="{{blog.albumurl}}">Templates</a></li>
      <li ><a href="http://alexliyublog.appspot.com/wiki">Wiki</a></li>
      <li ><a href="http://alexliyublog.appspot.com">WebCDM Demo</a></li>
      <li ><a href="{{blog.downloadurl}}">Download</a></li>
      <li ><a href="{{blog.feedurl}}">(RSS)</a></li>
      {% block topmenu %}{% endblock %}

      {%if self.is_admin or self.author%}
      <li><a href="/admin">Admin</a> </li>
      {%endif%}
      <li> {%if self.is_login%} <a href="{{self.logouturl}}">Logout</a> {%else%} <a href="/admin">Login</a> {%endif%} </li>
      <li><a href="/contact" class="last" >Contact</a></li>
    </ul>
  </div>
  <!-- END WRAPPER -->
</div>
<!-- END HEADER -->
<div class="wrapper ie_zindex"> <a href="{{blog.baseurl}}/"><img class="logo" src="/themes/{{ blog.theme_name }}/images/logo.png" alt="{{blog.title}}" /></a> </div>
{%block content %}{%endblock%}

    {%mf footer%}
<div class="footer">
  <div class="wrapper">
    <div class="footer_nav">
      <ul>
        <li class="first"><a href="index.html" class="current">Home</a></li>
        <li><a href="/privacy">Privacy Policy</a></li>
        <li><a href="/join">Join Us</a></li>
        <li><a href="/aboutme">About Alex</a></li>
        <li class="last"><a href="/contact">Contact</a></li>
      </ul>
    </div>
    <div class="notes">
      <ul class="social">
        <li>Follow Us:</li>
        <li><a href="#"><img src="/themes/{{ blog.theme_name }}/images/social/twitter_16.png" alt="twitter" /></a></li>
        <li><a href="#"><img src="/themes/{{ blog.theme_name }}/images/social/facebook_16.png" alt="facebook" /></a></li>
        <li><a href="#"><img src="/themes/{{ blog.theme_name }}/images/social/yahoo_16.png" alt="yahoo" /></a></li>
        <li><a href="#"><img src="/themes/{{ blog.theme_name }}/images/social/delicious_16.png" alt="delicious" /></a></li>
        <li><a href="#"><img src="/themes/{{ blog.theme_name }}/images/social/technorati_16.png" alt="technorati" /></a></li>
        <li><a href="#"><img src="/themes/{{ blog.theme_name }}/images/social/rss_16.png" alt="rss" /></a></li>
      </ul>
      <br class="clearf" />
      <p>&copy; 2010 <a href="index.html">ChinaCDM Inc</a>. All rights reserved. | <a href="http://www.ccdm.tk/">Www.CCDM.Tk</a></p>
    </div>
  </div>
  <!-- END WRAPPER -->
</div>
<!-- END FOOTER -->

</body>
</html>
{%endmf%}
